<!DOCTYPE html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <title>关于我们</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.svg" />

    <!-- ========================= CSS here ========================= -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/css/LineIcons.3.0.css" />
    <link rel="stylesheet" href="assets/css/animate.css" />
    <link rel="stylesheet" href="assets/css/tiny-slider.css" />
    <link rel="stylesheet" href="assets/css/glightbox.min.css" />
    <link rel="stylesheet" href="assets/css/main.css" />

</head>

<body>
    <!--[if lte IE 9]>
      <p class="browserupgrade">
        You are using an <strong>outdated</strong> browser. Please
        <a href="https://browsehappy.com/">upgrade your browser</a> to improve
        your experience and security.
      </p>
    <![endif]-->

    <!-- Preloader -->
    <div class="preloader">
        <div class="preloader-inner">
            <div class="preloader-icon">
                <span></span>
                <span></span>
            </div>
        </div>
    </div>
    <!-- /End Preloader -->

    <!-- Start Header Area -->
    <header class="header navbar-area others-pages">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-12">
                    <div class="nav-inner">
                        <!-- Start Navbar -->
                        <nav class="navbar navbar-expand-lg">
                            <a class="navbar-brand" href="index.html">
                                <img src="assets/images/logo/logo.svg" alt="Logo">
                            </a>
                            <button class="navbar-toggler mobile-menu-btn" type="button" data-bs-toggle="collapse"
                                data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                                aria-expanded="false" aria-label="Toggle navigation">
                                <span class="toggler-icon"></span>
                                <span class="toggler-icon"></span>
                                <span class="toggler-icon"></span>
                            </button>
                            <div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
                                <ul id="nav" class="navbar-nav ms-auto">
                                    <li class="nav-item">
                                        <a class="dd-menu collapsed" href="index.html" data-bs-toggle="collapse"
                                            data-bs-target="#submenu-1-1" aria-controls="navbarSupportedContent"
                                            aria-expanded="false" aria-label="Toggle navigation">Home</a>
                                        <ul class="sub-menu collapse" id="submenu-1-1">
                                            <li class="nav-item"><a href="index.html">Saas Homepage</a></li>
                                            <li class="nav-item"><a href="index2.html">Startup Homepage</a></li>
                                        </ul>
                                    </li>
                                    <li class="nav-item">
                                        <a class="dd-menu active collapsed" href="javascript:void(0)"
                                            data-bs-toggle="collapse" data-bs-target="#submenu-1-2"
                                            aria-controls="navbarSupportedContent" aria-expanded="false"
                                            aria-label="Toggle navigation">Pages</a>
                                        <ul class="sub-menu collapse" id="submenu-1-2">
                                            <li class="nav-item active"><a href="about-us.html">About Us</a></li>
                                            <li class="nav-item"><a href="pricing.html">Our Pricing</a></li>
                                            <li class="nav-item"><a href="services.html">Our Services</a></li>
                                            <li class="nav-item"><a href="signin.html">Sign In</a></li>
                                            <li class="nav-item"><a href="signup.html">Sign Up</a></li>
                                            <li class="nav-item"><a href="reset-password.html">Reset Password</a></li>
                                            <li class="nav-item"><a href="mail-success.html">Mail Success</a></li>
                                            <li class="nav-item"><a href="404.html">404 Error</a></li>
                                        </ul>
                                    </li>
                                    <li class="nav-item">
                                        <a href="services.html" aria-label="Toggle navigation">Services</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="dd-menu collapsed" href="javascript:void(0)" data-bs-toggle="collapse"
                                            data-bs-target="#submenu-1-3" aria-controls="navbarSupportedContent"
                                            aria-expanded="false" aria-label="Toggle navigation">Blog</a>
                                        <ul class="sub-menu collapse" id="submenu-1-3">
                                            <li class="nav-item"><a href="blog-grid.html">Blog Grid</a>
                                            </li>
                                            <li class="nav-item"><a href="blog-single.html">Blog Single</a></li>
                                        </ul>
                                    </li>
                                    <li class="nav-item">
                                        <a href="contact.html" aria-label="Toggle navigation">Contact</a>
                                    </li>
                                </ul>
                            </div> <!-- navbar collapse -->
                            <div class="button">
                                <a href="signin.html" class="signin">Sign In</a>
                                <a href="signup.html" class="signup">Sign Up</a>
                            </div>
                        </nav>
                        <!-- End Navbar -->
                    </div>
                </div>
            </div> <!-- row -->
        </div> <!-- container -->
    </header>
    <!-- End Header Area -->

    <!-- Start Breadcrumbs -->
    <div class="breadcrumbs">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6 col-md-6 col-12">
                    <div class="breadcrumbs-content">
                        <h1 class="page-title">About Us</h1>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-12">
                    <ul class="breadcrumb-nav">
                        <li><a href="index.html">Home</a></li>
                        <li>About Us</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- End Breadcrumbs -->

    <!-- Start Process Area -->
    <section class="process section">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6 col-12">
                    <img src="assets/images/about/about-image.png" alt="#">
                </div>
                <div class="col-lg-6 col-12">
                    <div class="content">
                        <h4>About Us</h4>
                        <h2>We Are The Leader<br> in Digital Marketing</h2>
                        <p>Sed ut perspiciatis unde omnis iste natus voluptatem accusantium doloremque laudantium.</p>
                        <p>If a website accomplishes its goals and works well, then igood web design. This might mean
                            different things for each website, but all good web design will have certain in
                            common.</p>
                        <div class="list">
                            <div class="row">
                                <div class="col-lg-6 col-md-6 col-12">
                                    <div class="single-list">
                                        <div class="list-icon">
                                            <i class="lni lni-users"></i>
                                        </div>
                                        <h4>Amazing Partners</h4>
                                        <p>Quis autem vel eum reprehenderit</p>
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-12">
                                    <div class="single-list">
                                        <div class="list-icon">
                                            <i class="lni lni-bolt-alt"></i>
                                        </div>
                                        <h4>Finalize & Publish</h4>
                                        <p>Quis autem vel eum reprehenderit</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Process Area -->

    <!-- Start About Area -->
    <section class="about section">
        <div class="shape-1">
            <img src="assets/images/about/shape1.svg" alt="#">
        </div>
        <div class="shape-2">
            <img src="assets/images/about/shape2.svg" alt="#">
        </div>
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6 col-12">
                    <div class="content">
                        <h4>Why Choose Us</h4>
                        <h2>We Provide Best Digital Marketing Solutions</h2>
                        <p>Corporate headquarters is the part of a corporate structure that
                            deals with important tasks such as strategic planning.</p>
                        <ul class="why-choose-list">
                            <li>
                                <span class="number">1</span>
                                <div class="list-content">
                                    <h3>Fast Working Process</h3>
                                    <p>Corporate headquarters is the part of a corporate
                                        structure that deals with important</p>
                                </div>
                            </li>
                            <li>
                                <span class="number">2</span>
                                <div class="list-content">
                                    <h3>Dedicated Team</h3>
                                    <p>Corporate headquarters is the part of a corporate
                                        structure that deals with important</p>
                                </div>
                            </li>
                            <li>
                                <span class="number">2</span>
                                <div class="list-content">
                                    <h3>24/7 Hours Support</h3>
                                    <p>Corporate headquarters is the part of a corporate
                                        structure that deals with important</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-6 col-12">
                    <img src="assets/images/why-choose/why-choose.png" alt="#">
                </div>
            </div>
        </div>
    </section>
    <!-- End About Area -->

    <!-- Start Achievement App -->
    <section class="achievement section">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title">
                        <h2>Our achievement </h2>
                        <p>There are many variations of passages of Lorem
                            Ipsum available, but the majority have suffered alteration in some form.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-8 offset-lg-2 col-md-12 col-12">
                    <div class="row">
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="single-achievement align-center wow fadeInUp" data-wow-delay=".2s">
                                <h3 class="counter">
                                    <svg class="shape" width="48" height="48" viewBox="0 0 48 48" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M47.1868 15.7745C42.7476 11.5909 36.9073 9.25816 30.9507 9.28958C24.9941 9.32099 19.4092 11.714 15.4245 15.942C11.4399 20.1701 9.38191 25.887 9.70335 31.835C10.0248 37.783 12.6993 43.4748 17.1386 47.6585L32.1627 31.7165L47.1868 15.7745Z"
                                            fill="#FF4E79" />
                                    </svg>
                                    <span id="secondo1" class="countup" cup-end="100">100</span>%
                                </h3>
                                <p>Satisfaction</p>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="single-achievement align-center wow fadeInUp" data-wow-delay=".4s">
                                <h3 class="counter">
                                    <svg class="shape" width="35" height="38" viewBox="0 0 35 38" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M34.2973 10.7613C30.436 7.90726 25.6931 6.5768 21.1119 7.06265C16.5308 7.54849 12.4866 9.81085 9.86915 13.352C7.25169 16.8932 6.27532 21.4231 7.15483 25.9452C8.03433 30.4673 10.6977 34.6112 14.559 37.4653L24.4281 24.1133L34.2973 10.7613Z"
                                            fill="#FE8432" fill-opacity="0.83" />
                                    </svg>
                                    <span id="secondo2" class="countup" cup-end="120">120</span>K
                                </h3>
                                <p>Happy Clients</p>
                            </div>
                        </div>
                        <div class="col-lg-4 col-md-4 col-12">
                            <div class="single-achievement align-center wow fadeInUp" data-wow-delay=".6s">
                                <h3 class="counter">
                                    <svg class="shape" width="48" height="48" viewBox="0 0 48 48" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M47.1868 15.7745C42.7476 11.5909 36.9073 9.25816 30.9507 9.28958C24.9941 9.32099 19.4092 11.714 15.4245 15.942C11.4399 20.1701 9.38191 25.887 9.70335 31.835C10.0248 37.783 12.6993 43.4748 17.1386 47.6585L32.1627 31.7165L47.1868 15.7745Z"
                                            fill="#B998FF" />
                                    </svg>
                                    <span id="secondo3" class="countup" cup-end="500">500</span>+
                                </h3>
                                <p>Projects Done</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Achievement App -->

    <!-- Start Testimonials Area -->
    <section class="testimonials style2 section">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title">
                        <h3 class="wow zoomIn" data-wow-delay=".2s">Customer Reviews</h3>
                        <h2 class="wow fadeInUp" data-wow-delay=".4s">Our Testimonials</h2>
                        <p class="wow fadeInUp" data-wow-delay=".6s">There are many variations of passages of Lorem
                            Ipsum available, but the majority have suffered alteration in some form.</p>
                    </div>
                </div>
            </div>
            <div class="row testimonial-slider">
                <div class="col-lg-6 col-12 ">
                    <!-- Start Single Testimonial -->
                    <div class="single-testimonial">
                        <img class="shape1" src="assets/images/testimonial/shape-1.svg" alt="#">
                        <img class="shape2" src="assets/images/testimonial/shape-2.svg" alt="#">
                        <div class="inner-content">
                            <div class="qote-icon">
                                <i class="lni lni-quotation"></i>
                            </div>
                            <div class="text">
                                <h4>On the other hand denoun with righteous
                                    and disliks men who are beguiled demorae
                                    momentc blinded by desire that can</h4>
                            </div>
                            <div class="author">
                                <img src="assets/images/testimonial/testi-1.png" alt="#">
                                <h4 class="name">Somalia D Silva
                                    <span class="deg">Business Manager</span>
                                </h4>
                            </div>
                        </div>
                    </div>
                    <!-- End Single Testimonial -->
                </div>
                <div class="col-lg-6 col-12 ">
                    <!-- Start Single Testimonial -->
                    <div class="single-testimonial">
                        <img class="shape1" src="assets/images/testimonial/shape-1.svg" alt="#">
                        <img class="shape2" src="assets/images/testimonial/shape-2.svg" alt="#">
                        <div class="inner-content">
                            <div class="qote-icon">
                                <i class="lni lni-quotation"></i>
                            </div>
                            <div class="text">
                                <h4>On the other hand denoun with righteous
                                    and disliks men who are beguiled demorae
                                    momentc blinded by desire that can</h4>
                            </div>
                            <div class="author">
                                <img src="assets/images/testimonial/testi-2.png" alt="#">
                                <h4 class="name">David Warner
                                    <span class="deg">Web Developer</span>
                                </h4>
                            </div>
                        </div>
                    </div>
                    <!-- End Single Testimonial -->
                </div>
                <div class="col-lg-6 col-12 ">
                    <!-- Start Single Testimonial -->
                    <div class="single-testimonial">
                        <img class="shape1" src="assets/images/testimonial/shape-1.svg" alt="#">
                        <img class="shape2" src="assets/images/testimonial/shape-2.svg" alt="#">
                        <div class="inner-content">
                            <div class="qote-icon">
                                <i class="lni lni-quotation"></i>
                            </div>
                            <div class="text">
                                <h4>On the other hand denoun with righteous
                                    and disliks men who are beguiled demorae
                                    momentc blinded by desire that can</h4>
                            </div>
                            <div class="author">
                                <img src="assets/images/testimonial/testi-3.png" alt="#">
                                <h4 class="name">Jems Gilario
                                    <span class="deg">Graphics Designer</span>
                                </h4>
                            </div>
                        </div>
                    </div>
                    <!-- End Single Testimonial -->
                </div>
                <div class="col-lg-6 col-12 ">
                    <!-- Start Single Testimonial -->
                    <div class="single-testimonial">
                        <img class="shape1" src="assets/images/testimonial/shape-1.svg" alt="#">
                        <img class="shape2" src="assets/images/testimonial/shape-2.svg" alt="#">
                        <div class="inner-content">
                            <div class="qote-icon">
                                <i class="lni lni-quotation"></i>
                            </div>
                            <div class="text">
                                <h4>On the other hand denoun with righteous
                                    and disliks men who are beguiled demorae
                                    momentc blinded by desire that can</h4>
                            </div>
                            <div class="author">
                                <img src="assets/images/testimonial/testi-2.png" alt="#">
                                <h4 class="name">David Warner
                                    <span class="deg">Web Developer</span>
                                </h4>
                            </div>
                        </div>
                    </div>
                    <!-- End Single Testimonial -->
                </div>
                <div class="col-lg-6 col-12 ">
                    <!-- Start Single Testimonial -->
                    <div class="single-testimonial">
                        <img class="shape1" src="assets/images/testimonial/shape-1.svg" alt="#">
                        <img class="shape2" src="assets/images/testimonial/shape-2.svg" alt="#">
                        <div class="inner-content">
                            <div class="qote-icon">
                                <i class="lni lni-quotation"></i>
                            </div>
                            <div class="text">
                                <h4>On the other hand denoun with righteous
                                    and disliks men who are beguiled demorae
                                    momentc blinded by desire that can</h4>
                            </div>
                            <div class="author">
                                <img src="assets/images/testimonial/testi-3.png" alt="#">
                                <h4 class="name">Jems Gilario
                                    <span class="deg">Graphics Designer</span>
                                </h4>
                            </div>
                        </div>
                    </div>
                    <!-- End Single Testimonial -->
                </div>
            </div>
        </div>
    </section>
    <!-- End Testimonial Area -->

    <!-- Start Team Area -->
    <section class="team section">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="section-title">
                        <h3 class="wow zoomIn" data-wow-delay=".2s">Team</h3>
                        <h2 class="wow fadeInUp" data-wow-delay=".4s">Meet Our Team</h2>
                        <p class="wow fadeInUp" data-wow-delay=".6s">There are many variations of passages of Lorem
                            Ipsum available, but the majority have suffered alteration in some form.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4 col-md-6 col-12">
                    <!-- Start Single Team -->
                    <div class="single-team">
                        <div class="team-image">
                            <img src="assets/images/team/team1.jpg" alt="#">
                        </div>
                        <div class="content">
                            <h4>Liza Marko
                                <span>Graphics Designer</span>
                            </h4>
                            <ul class="social">
                                <li><a href="javascript:void(0)"><i class="lni lni-facebook-filled"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="lni lni-twitter-original"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="lni lni-linkedin-original"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- End Single Team -->
                </div>
                <div class="col-lg-4 col-md-6 col-12">
                    <!-- Start Single Team -->
                    <div class="single-team">
                        <div class="team-image">
                            <img src="assets/images/team/team2.jpg" alt="#">
                        </div>
                        <div class="content">
                            <h4>John Smith
                                <span>Digital Marketer</span>
                            </h4>
                            <ul class="social">
                                <li><a href="javascript:void(0)"><i class="lni lni-facebook-filled"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="lni lni-twitter-original"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="lni lni-linkedin-original"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- End Single Team -->
                </div>
                <div class="col-lg-4 col-md-6 col-12">
                    <!-- Start Single Team -->
                    <div class="single-team">
                        <div class="team-image">
                            <img src="assets/images/team/team3.jpg" alt="#">
                        </div>
                        <div class="content">
                            <h4>Amion Doe
                                <span>Web Developer</span>
                            </h4>
                            <ul class="social">
                                <li><a href="javascript:void(0)"><i class="lni lni-facebook-filled"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="lni lni-twitter-original"></i></a></li>
                                <li><a href="javascript:void(0)"><i class="lni lni-linkedin-original"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- End Single Team -->
                </div>
            </div>
        </div>
    </section>
    <!--/ End Team Area -->

    <!-- Start Clients Logo Area -->
    <div class="client-logo">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-3 col-md-3 col-12 text-center">
                    <div class="single-logo">
                        <img src="assets/images/client-logo/graygrids-logo.svg" alt="#">
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-12 text-center">
                    <div class="single-logo">
                        <img src="assets/images/client-logo/lineicons-logo.svg" alt="#">
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-12 text-center">
                    <div class="single-logo">
                        <img src="assets/images/client-logo/pagebulb-logo.svg" alt="#">
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-12 text-center">
                    <div class="single-logo">
                        <img src="assets/images/client-logo/uideck-logo.svg" alt="#">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Clients Logo Area -->

    <!-- Start Footer Area -->
    <footer class="footer section">
        <!-- Start Footer Top -->
        <div class="footer-top">
            <div class="container">
                <div class="inner-content">
                    <div class="row">
                        <div class="col-lg-4 col-md-6 col-12">
                            <!-- Single Widget -->
                            <div class="single-footer f-about">
                                <div class="logo">
                                    <a href="index.html">
                                        <img src="assets/images/logo/logo.svg" alt="#">
                                    </a>
                                </div>
                                <p>Making the world a better place through constructing elegant hierarchies.</p>
                                <p class="copyright-text"><span>© 2023 Blink.</span><a target="_blank" href="http://www.mobanwang.com/" title="网页模板">网页模板</a>
                                </p>
                            </div>
                            <!-- End Single Widget -->
                        </div>
                        <div class="col-lg-2 col-md-6 col-12">
                            <!-- Single Widget -->
                            <div class="single-footer f-link">
                                <h3>Solutions</h3>
                                <ul>
                                    <li><a href="javascript:void(0)">Marketing</a></li>
                                    <li><a href="javascript:void(0)">Analytics</a></li>
                                    <li><a href="javascript:void(0)">Commerce</a></li>
                                    <li><a href="javascript:void(0)">Insights</a></li>
                                </ul>
                            </div>
                            <!-- End Single Widget -->
                        </div>
                        <div class="col-lg-2 col-md-6 col-12">
                            <!-- Single Widget -->
                            <div class="single-footer f-link">
                                <h3>Support</h3>
                                <ul>
                                    <li><a href="javascript:void(0)">Pricing</a></li>
                                    <li><a href="javascript:void(0)">Documentation</a></li>
                                    <li><a href="javascript:void(0)">Guides</a></li>
                                    <li><a href="javascript:void(0)">API Status</a></li>
                                </ul>
                            </div>
                            <!-- End Single Widget -->
                        </div>
                        <div class="col-lg-4 col-md-6 col-12">
                            <!-- Single Widget -->
                            <div class="single-footer newsletter">
                                <h3>Subscribe</h3>
                                <p>Subscribe to our newsletter for the latest updates</p>
                                <form action="#" method="get" target="_blank" class="newsletter-form">
                                    <input name="EMAIL" placeholder="Email address" required="required" type="email">
                                    <div class="button">
                                        <button class="sub-btn"><i class="lni lni-envelope"></i>
                                        </button>
                                    </div>
                                </form>
                            </div>
                            <!-- End Single Widget -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--/ End Footer Top -->
    </footer>
    <!--/ End Footer Area -->

    <!-- ========================= scroll-top ========================= -->
    <a href="#" class="scroll-top">
        <i class="lni lni-chevron-up"></i>
    </a>

    <!-- ========================= JS here ========================= -->
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/tiny-slider.js"></script>
    <script src="assets/js/glightbox.min.js"></script>
    <script src="assets/js/count-up.min.js"></script>
    <script src="assets/js/main.js"></script>
    <script>
        //========= testimonial 
        tns({
            container: '.testimonial-slider',
            items: 3,
            slideBy: 'page',
            autoplay: false,
            mouseDrag: true,
            gutter: 0,
            nav: true,
            controls: false,
            controlsText: ['<i class="lni lni-arrow-left"></i>', '<i class="lni lni-arrow-right"></i>'],
            responsive: {
                0: {
                    items: 1,
                },
                540: {
                    items: 1,
                },
                768: {
                    items: 1,
                },
                992: {
                    items: 1,
                },
                1170: {
                    items: 2,
                }
            }
        });

        //====== counter up 
        var cu = new counterUp({
            start: 0,
            duration: 2000,
            intvalues: true,
            interval: 100,
            append: " ",
        });
        cu.start();
    </script>
</body>

</html>